﻿.top-banner { display:block}
/*主体顶部*/
.content-top { }
/*菜单*/
.con-tab .con-tab-box:nth-child(1) { display: block; }
.menu { width: 194px; position: relative; z-index: 9; }
.menu-ul { position: relative; padding: 12px 0px; background-color: #399; }
.menu-list { height: 24px; line-height: 24px; padding-left: 20px; cursor: pointer; }
.menu-icon { margin-top: 1px; margin-right: 9px; width: 22px; height: 22px; background-image: url(../../images/common/icon.png); }
.menu-icon-1 { background-position: -8px -5px; }
.menu-type1 { height: 25px; line-height: 25px; color: #fff; font-size: 15px; overflow:hidden}
.menu-ul li:hover .menu-box { display: block; }
.menu-ul li:hover .menu-list { background-color: #85c3c3; }
.menu-box { position: absolute; left: 190px; top: 0px; border: 1px solid #d1d1d1; width: 758px; height: 437px; padding: 20px; background-color: #fff; display: none; overflow: hidden; min-height: 437px; }
.menu-box-dl { border-bottom: 1px solid #d1d1d1; margin-top: 10px; }
.menu-box-dl dt { padding: 5px 10px; background-color: #339999; float: left; font-size: 14px; margin-right: 10px; width: 58px; overflow: hidden; margin-bottom: 8px; }
.menu-box-dl dt a { color: #fff; overflow: hidden; line-height: 20px; }
.menu-box-dl dd { float: left; margin-bottom: 8px; max-width: 657px; }
.menu-box-dl dd a { line-height: 20px; font-size: 13px; padding: 0 10px; border-left: 1px solid #d1d1d1; float: left; margin: 6px 0; }
.menu-box-dl dd a:hover { color: #339999; }
/*菜单图标*/
.fs-icon1 { background-position: -8px -5px; }
.fs-icon2 { background-position: -8px -34px; }
.fs-icon3 { background-position: -8px -67px; }
.fs-icon4 { background-position: -8px -98px; }
.fs-icon5 { background-position: -8px -125px; }
.fs-icon6 { background-position: -8px -155px; }
.fs-icon7 { background-position: -8px -185px; }
.fs-icon8 { background-position: -8px -216px; }
.fs-icon9 { background-position: -8px -243px; }
.fs-icon10 { background-position: -8px -303px; }
.fs-icon11 { background-position: -8px -334px; }
.fs-icon12 { background-position: -8px -5px; }
.fs-icon13 { background-position: -8px -275px; }
.fs-icon14 { background-position: -109px -189px; }
.fs-icon15 { background-position: -109px -157px; }
.fs-icon16 { background-position: -108px -64px; }
.fs-icon17 { background-position: -108px -94px; }
.fs-icon18 { background-position: -108px -217px; }
.fs-icon19 { background-position: -108px -127px; }


/*轮播图*/
.banner { position: relative; width: 790px; margin: 0 8px; }
.banner-img { width: 789px; height: 480px; position: relative; float: left; }
.banner-img a { display: block; width: 789px; height: 480px; position: absolute; left: 0; top: 0; }
/*.banner-img:hover .banner-right { display:block;}
        .banner-img:hover .banner-left { display:block;}*/
.banner-right { width: 60px; height: 90px; cursor: pointer; background: #000 url(../../images/Home/index/ad_ctr.png) no-repeat -5px bottom; filter: alpha(opacity:50); opacity: 0.5; position: absolute; right: 1px; top: 180px; }
.banner-right:hover { background: #000 url(../../images/Home/index/ad_ctr.png) no-repeat -3px -90px; }
.banner-left { width: 60px; height: 90px; cursor: pointer; background: #000 url(../../images/Home/index/ad_ctr.png) no-repeat 5px -180px; filter: alpha(opacity:50); opacity: 0.5; position: absolute; left: 0; top: 180px; }
.banner-left:hover { background: #000 url(../../images/Home/index/ad_ctr.png) no-repeat 3px top; }
.banner-pbox { width: 789px; height: 35px; position: absolute; left: 0; bottom: 0; zoom: 1; margin: 0 auto; }
.banner-p { width: 150px; margin: 0 auto; text-align: center; }
.banner-p span { width: 15px; height: 15px; display: block; float: left; margin-left: 10px; background: url(../../images/Home/index/dot.png) no-repeat left bottom; }
.banner-p .banner-span { background: url(../../images/Home/index/dot.png) no-repeat left -1px; }

/*右侧服务*/
.service { width: 188px; border: 1px solid #d1d1d1; }
.l-user { margin: 14px 16px; }
.l-user-info { font-size: 13px; line-height: 20px; }
.l-user-btn { width: 150px; line-height: 24px; text-align: center; margin-top: 14px; }
.l-user-services { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding-left: 20px; padding-top: 16px; }
.l-user-service { width: 100%; }
.l-user-icon { display: inline-block; width: 40px; height: 40px; background-image: url(../../images/common/icon.png); }
.l-user-icon1 { background-position: -42px 0; }
.l-user-icon2 { background-position: -42px -55px; }
.l-user-icon3 { background-position: -42px -109px; }
.l-user-icon4 { background-position: -42px -162px; }
.l-user-span { display: inline-block; line-height: 40px; font-size: 16px; margin-left: 14px; margin-bottom: 15px; }
.user-concate { padding: 9px; border-bottom: 1px solid #d1d1d1; }
.l-user-concate1 { border-right: 1px solid #d1d1d1; }
.concate-icon { width: 19px; height: 19px; background-image: url(../../images/common/icon.png); }
.concate-icon1 { background-position: -51px -210px; }
.concate-icon2 { background-position: -51px -237px; }
.concate-info { margin-left: 7px; line-height: 18px; }
.l-user-demand { width: 100%; height: 95px; }
.demand-icon { width: 52px; height: 41px; background: url(../../images/common/icon2.png) -290px -742px; margin-left: 68px; margin-top: 13px; }
.demand-span { font-size: 16px; color: #fff; width: 100%; line-height: 40px; text-align: center; }
/*TOP排行榜*/
.rl-shows { overflow: hidden; border: 1px solid #d1d1d1; }
.rl-show { float: left; width: 236px; text-align: center; border-right: 1px solid #d1d1d1; }
.rl-show:last-child { border-right: none; }
.rl-img { width: 213px; height: 213px; margin: 33px auto 10px; }
.rl-img img { width: 213px; height: 213px; }
.rl-des p { font-size: 14px; line-height: 20px; padding: 0 26px; text-align: left; height: 40px; overflow: hidden; }
.rl-info { padding: 0 26px; margin-top: 16px; margin-bottom: 20px; }
.larger-price { font-size: 18px; }
.small-price { font-size: 14px; margin-left: 68px; margin-bottom: 7px; }
.price i, .price span { line-height: 30px; color: #e10000; }
.rl-buy { font-size: 14px; line-height: 30px; padding: 0 10px; }
/*楼层*/
.floor1 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #3c8dbd; color: #fff; }
.floor2 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #44d0d5; color: #fff; }
.floor3 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #45d3a9; color: #fff; }
.floor4 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #f3bd84; color: #fff; }
.floor5 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #82cbf1; color: #fff; }
.floor6 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #8a76ed; color: #fff; }
.floor7 .floor-con .con-tab .con-tab-list .list-items .color { background-color: #f69c9c; color: #fff; }

.content-floor h1 { margin-top: 30px; line-height: 44px; font-size: 24px; }
.con-left { width: 300px; height: 451px; }
.con-tab { width: 890px; border-top: 1px solid #d1d1d1; }
.con-tab-box { width: 792px; display: none; }
.show { display: block; }
.con-tab-list { width: 96px; border: 1px solid #d1d1d1; border-left: none; border-left: none; border-top: none; }
.list-title { font-size: 16px; padding: 21px 0 16px 16px; text-align: left; }
.list-items { height: 396px; }
.list-item { padding-left: 16px; text-align: left; font-size: 14px; line-height: 22px; margin-bottom: 8px; cursor: pointer; }
.type-list-item {
    padding-left: 16px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    cursor: pointer;
}
/*单个商品*/
.goods:hover { box-shadow: 2px -3px 3px rgba(200,200,200,0.5); }
.goods { width: 197px; height: 224px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; float: left; }
.goods-img { text-align: center; }
.goods-img img { width: 154px; height: 154px; margin: 0 0px; }
.goods-name { line-height: 20px; text-align: center; padding: 0 12px; font-size: 12px; }
.goods-name a p { height: 40px; overflow: hidden; text-overflow: ellipsis; }
.goods-prices { text-align: center; }
.goods-prices i, .goods-prices span { color: #e10000; font-size: 14px; line-height: 25px; }
.floor-banner img { display: block; float: left; height: 68px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid rgb(220, 220, 220); width: 169px;}
/*返回顶部*/
.go-top:hover { background-color: #339999; }
.go-top:hover a { color: #fff; }
.go-top { background-color: #efefef; border-bottom: 1px solid #cbcbcb; position: fixed; height: 45px; width: 45px; right: 100px; bottom: 100px; }
.go-top a { height: 45px; width: 45px; text-align: center; font-size: 40px; line-height: 37px; margin: 0 auto; }

.elevator { width: 40px; position: fixed; right: 200px; bottom: 26%; display: none; }
.elevator li .elevator-select { background-color: #339999; }
.elevator li { height: 52px; }
.elevator li a { padding: 5px; width: 34px; height: 40px; background-color: #3a3a3a; color: #fff; border-bottom: 1px solid #fff; text-align: center; line-height: 20px; }

@media only screen and (max-width:1688px ) {
    .elevator { right: 6px; }
}

@media only screen and (max-width:1400px ) {
    /*.elevator {     left: 20px; }*/
}

@media only screen and (max-width:1338px ) {
    .elevator { right: -500px; }
}

.list-item a { color: #3a3a3a; }
.list-item .cf { color: #fff; }
.type-list-item a {
    color: #3a3a3a;
}

.type-list-item .cf {
    color: #fff;
}
.box-height { width: 800px; background-color: #339999; color: #fff; text-align: center; position: absolute; left: 0; bottom: -1px; line-height: 30px; font-size: 16px; cursor: pointer; }

.l-user-concate { font-size:14px;text-align:center;line-height:38px;}
.floor-banner .first {border-left: 1px solid #d1d1d1; width:168px }
.bannerlast { margin-bottom:50px;}